<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Qwen Chat · 数据集风格界面</title>
  <link rel="stylesheet" href="chat.css"/>
</head>
<body>
<div class="shell">
  <aside class="sidebar">
    <div class="brand">Qwen Chat</div>
    <button id="newChat" class="btn btn-secondary wide">＋ 新会话</button>
    <div id="sessions" class="session-list"></div>
  </aside>

  <main class="workspace">
    <header class="topbar">
      <div class="title" id="sessionTitle">会话</div>
    </header>

    <section class="panel">
      <div class="panel-header">常规选项</div>
      <div class="panel-body">

        <div class="field">
          <label class="label">会话名称</label>
          <div class="control">
            <input id="sessionName" class="input" type="text" placeholder="自动生成（可修改）"/>
          </div>
        </div>

        <div class="field">
          <label class="label">查询语句</label>
          <div class="control">
            <textarea id="prompt" class="textarea" placeholder="在这里输入你的问题，Shift+Enter 换行"></textarea>
          </div>
        </div>

        <div class="fieldset">
          <div class="fieldset-title">对话记录</div>
          <div id="messages" class="messages"></div>
        </div>

      </div>

      <div class="panel-footer">
        <div class="spacer"></div>
        <button id="send" class="btn btn-primary">发送</button>
        <button id="check" class="btn btn-secondary">验证</button>
        <button id="clear" class="btn btn-ghost">取消</button>
      </div>
    </section>
  </main>
</div>

<script src="chat.js"></script>
</body>
</html>